<style lang="scss">
	page{
		background: #f6f6f6;
	}
	.flex{
		display: flex;
		align-items: center;
	}
	.bgWhite{
		background: #FFFFFF;
	}
	.content{
		margin-top: 20rpx;
		.oneNav{
			justify-content: center;	
			padding-bottom: 20rpx;
			.li{
				flex: 1;
				text-align: center;
				text{
					border-bottom: 5rpx solid #ffffff;
					color: #373737;
					font-size: 34rpx;
					padding-top: 12rpx;
					line-height: 60rpx;
					display: inline-block;
				}
			}
			.on{
				text{
					border-bottom-color: #e62c2c;
				}
			}
		}
		.twoNav{
			justify-content: flex-start;
			padding: 0 38rpx 20rpx 38rpx;
			.li{
				text-align: center;
				color: #4f4f4f;
				font-size: 28rpx;
				line-height: 48rpx;
				padding: 0 25rpx;
				border-radius: 50px;
			}
			.on{
				background: #f6c2c2;
				color: #e62c2c;
			}
		}
		.getlist{
			padding: 0 38rpx;
			.list{
				.li{
					justify-content: space-between;
					border-bottom: 1px solid #e6e6e6;
					padding: 20rpx 0;
					.name{
						color: #2b2b2b;
						font-size: 32rpx;
					}
					.time{
						color: #999999;
						font-size: 28rpx;
						margin-top: 4rpx;
					}
					.money{
						color: #e72020;
						font-size: 34rpx;
						font-weight: bold;
					}
				}
				.li:last-child{
					border-bottom: none;
				}
			}
		}
	}
</style>

<template>
	<view>
		<view class="content">
			<view class="oneNav bgWhite flex">
				<view :class="[oneIndex == 1?'li on':'li']" @tap="oneNav(1)"><text>收益</text></view>
				<view :class="[oneIndex == 2?'li on':'li']" @tap="oneNav(2)"><text>支出</text></view>
			</view>
			<view class="twoNav bgWhite flex" v-if="showTwoNav">
				<view :class="[twoIndex == 1?'li on':'li']" @tap="twoNav(1)">寄存收益</view><view :class="[twoIndex == 2?'li on':'li']" @tap="twoNav(2)">利息收益</view>
			</view>
			<view class="getlist bgWhite">
				<view class="list">
					<view class="li flex">
						<view><view class="name">资金转入</view><view class="time">2019-12-11 10:30</view></view>
						<view class="money">+100.00</view>
					</view>
					<view class="li flex">
						<view><view class="name">资金转入</view><view class="time">2019-12-11 10:30</view></view>
						<view class="money">+100.00</view>
					</view>
					
				</view>
			</view>
		</view>
		<view class="m-full-loading" v-if="showLoading">
		    <image src="@/static/images/loading.gif"></image>
		</view>
	</view>
</template>
<script>
	import henglang from '@/common/common_zb.js';
	export default {
		data() {
			return {
				showLoading: false,
				oneIndex:1,
				twoIndex:1,
				showTwoNav:true
			};
		},
        methods: {
			oneNav(e){
				this.oneIndex = e
				if(e == 2){
					this.showTwoNav = false
				}else{
					this.showTwoNav = true
				}
			},
			twoNav(e){
				this.twoIndex = e
			}
        },
        onLoad() {
			let that = this;
			that.showLoading = true;
			henglang.get('Maker/getInfo',{},true,function(res){
				
			});
			that.showLoading = false;
        }
	}
</script>

